body
{
    background-color:#c8effb;
    position: relative;
    margin:0px;
    padding:0px;
overflow-x:hidden;
 word-wrap:break-word;
overflow-y:scroll;
font-family:sans-serif;
}
#head
{
    position:absolute;
    top:300px;
    left:130px;
}
#top_bg
{
    position:absolute;
    left:0px;
    height:50px;
    width:100%;
    background-color:#171717;
    top:0px;
}
#box
{
	width:1024px;
	position:relative;
	top:0px;
	height:500px;
	margin: 0 auto;
}

#input_form
{
    font-family:sans-serif;
}
#sent
{
    display:inline;
    color:black;
}
#total
{
    display:inline;
    color:black;
}



#remaining
{
    font-family:sans-serif;
    float:left;
}
#count
{
    float:right;
}

.button
{
    border-radius:3px;
    -moz-border-radius: 3px;  
    -khtml-border-radius: 3px;  
    -webkit-border-radius: 3px;
    background-color:#ffffff;
    border:#4490BF 2px solid;
    font-family:sans-serif;
    padding-right:0.3px;
     padding-top:0px;
     margin:0px;
    padding-left:0.5px;
    width:60px;
    color:#2b71a4;
    font-weight:bold;
    font-style:normal;
    cursor:pointer;
    text-align:center;
}
.button::-moz-focus-inner { border: 0; padding: 0; margin:0; }
#continue_spread
{
    -moz-border-radius: 3px;  
    -khtml-border-radius: 3px;  
    -webkit-border-radius: 3px;
    background-color:#4490BF;
    border:#000000 2px solid;
    font-family:sans-serif;
   padding:5px;
     margin:0px;
    height:40px;
    width:180px;
    color:#000000;
    font-weight:bold;
    font-style:normal;
    cursor:pointer;
    text-align:center;
}

#pop_search
{
    position:absolute;
    top:73px;
    left:140px;
}

#cover
{
    background-color:black;
    margin:0px;
    opacity:0.9;
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
    display:none;
}
#cover_login
{
     background-color:black;
    margin:0px;
    opacity:0.9;
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
    display:none;
}
#cover_user
{
     background-color:black;
    margin:0px;
    opacity:0.9;
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
   display:none;
}
#popup
{
    background-color:white;
    width:500px;
    height:200px;
    position:absolute;
    top:100px;
    left:600px;
    text-align:center;
    border:solid #888888 10px;
  display:none;
}
#popup_user
{
    background-color:white;
    width:600px;
    height:450px;
    position:absolute;
    top:100px;
    left:600px;
    text-align:center;
    border:solid #888888 10px;
  display:none;
}
#spread_it
{
    background-color:white;
    width:500px;
    height:210px;
    position:absolute;
    top:50px;
    left:500px;
    text-align:center;
    border:solid #888888 10px;
    z-index:200;
     display:none;
}
#popup_login
{
    background-color:white;
    width:500px;
    height:200px;
    position:absolute;
    top:100px;
    left:600px;
    text-align:center;
    border:solid #888888 10px;
    display:none;
     z-index:200;

}
d
{
    text-align:center;
    font-weight:bold;
    font-family:sans-serif;
    color:#1e96a4;
    font-size:1em;
}
d_text
{
    text-align:left;
    font-weight:bold;
    font-family:sans-serif;
    color:#000000;
    font-size:1em;
}
#searchbut_popup
{
     height:24px;
    width:70px;
    margin-top:10px;
    font-size:12px;
    background-color:#1e96a4;
    color:black;
    transition:  background-color 1s;
-moz-transition:  background-color 1s; /* Firefox 4 */
-webkit-transition:  background-color 1s; /* Safari and Chrome */
-o-transition:  background-color 1s; /* Opera */
}
#searchbut_popup:hover
{
     background-color:white;
    color:#000000;
}

#spread
{
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
        -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        cursor: pointer;
        background-color:black;
        color:white;
        font-weight:bold;
        height:70px;
        width:180px;
        margin-left:400px;
        transition:  background-color 1s;
-moz-transition:  background-color 1s; /* Firefox 4 */
-webkit-transition:  background-color 1s; /* Safari and Chrome */
-o-transition:  background-color 1s; /* Opera */
}
#spread:hover
{
    background-color:#0f9cc6;
}
#loader_container
{
    width:403px;
    border:2px solid black;
    position:absolute;
    top:110px;
    height:30px;
    left:100px;
}
#ajax_loader
{
     background-color:#0b98ce;
     border:2px solid #0b98ce;
     position:absolute;
     top:0px;
     left:0px;
     width:0px;
     height:26px;
      transition:  width 1s;
-moz-transition:  width 1s; /* Firefox 4 */
-webkit-transition: width 1s; /* Safari and Chrome */
-o-transition: width 1s; /* Opera */

}
